<script setup>
defineProps({
  name: String,
  size: {
    type: [
      String,
      Number,
    ],
    default: 32,
  },
  color: {
    type: String,
    default: '#333',
  },
});
</script>

<script>
import Duanxin from '@/icon-components/duanxin.vue';
import Keshi from '@/icon-components/keshi.vue';
import Like from '@/icon-components/like.vue';
import Lingxing from '@/icon-components/lingxing.vue';
import Pingjia from '@/icon-components/pingjia.vue';
import Pingpai from '@/icon-components/pingpai.vue';
import Qizhi from '@/icon-components/qizhi.vue';
import Right from '@/icon-components/right.vue';
import Righttwo from '@/icon-components/righttwo.vue';
import Shoppingcar from '@/icon-components/shoppingcar.vue';
import Verificationcode from '@/icon-components/verificationcode.vue';
import Wujiaoxing from '@/icon-components/wujiaoxing.vue';

export default {
  components: {
    Duanxin,
    Keshi,
    Like,
    Lingxing,
    Pingjia,
    Pingpai,
    Qizhi,
    Right,
    Righttwo,
    Shoppingcar,
    Verificationcode,
    Wujiaoxing,

  },
};
</script>

<template>
  <component
    :is="name"
    :size="size"
    :color="color"
  />
</template>
